<script setup lang="ts">
import { reactive } from 'vue';
import Echarts from '@/components/ReEcharts/index.vue';

const option = reactive({
  title: {
    text: '每日使用明细',
    subtext: '每日额度使用情况',
    left: 'center'
  },
  xAxis: {
    type: 'category',
    data: ['2024-12-01', '2024-12-02', '2024-12-03', '2024-12-04', '2024-12-05', '2024-12-06', '2024-12-07']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
});
</script>

<template>
  <div :style="{ height: '480px' }">
    <Echarts :option="option" />
  </div>
</template>
